草庐IT

css - :hover 上的重叠 div

全部标签

javascript - 你如何在 Windows 上的 node.js 中运行外部程序?

我正在Windows上使用node.js创建一个自动化的网络应用程序构建过程。我正在尝试通过Google闭包java程序运行我们的代码。我阅读了Node文档中关于child_process的文档。它提到它还不能在Windows中工作。是否有解决此问题的软件包或解决方法?这是我正在尝试运行的代码。var_exec=require('child_process').exec;_exec('java'+'-jar'+COMPILER_JAR+'--js'+srcPath+'--js_output_file'+distPath,function(e){echo("googleclosuredo

javascript - 将所有具有相同类别的 DIVS 打乱

我需要做的是:原始状态:洗牌后:第一个div中的Divs留在那里但会被打乱,同样的情况也会发生在具有相同类的第二个div中。要在特定的div中随机播放div,我使用如下方法:functionshuffle(e){//passdivsinside#parenttothefunctionvarreplace=$('');varsize=e.size();while(size>=1){varrand=Math.floor(Math.random()*size);vartemp=e.get(rand);//grabarandomdivfrom#parentreplace.append(temp

javascript - 使 CSS 工具提示跟随光标

我正在创建一个基于CSS的工具提示,它将在工具提示中包含很多内容,而不是在一个静态的地方,我想知道是否有一种简单的方法可以让它在您将鼠标悬停在链接。这是一个基于CSS的工具提示示例FirstLinkContent1.couponcode:hover.coupontooltip{display:block;}.coupontooltip{display:none;background:#C8C8C8;margin-left:28px;padding:10px;position:absolute;z-index:1000;width:200px;height:100px;}http://j

javascript - 通过纯 JavaScript 更新 CSS ...如果属性使用 vendor 前缀,我该如何更新?

例如,如果我想要一个用于我的光标的抓取图标,在CSS中我会使用这个:div{cursor:-moz-grabbing;cursor:-webkit-grabbing;cursor:grabbing;}但是假设我想通过JavaScript实现它,但仍然能够涵盖所有这三个方面,我该怎么做呢?我是否只在三行中分配它们——JavaScript是否回退到之前的分配?document.getElementById('theDiv').style.cursor='-webkit-grabbing';document.getElementById('theDiv').style.cursor='-mo

javascript - 修复谷歌浏览器上的蓝线

我有以下HTML:agaadgdasgagsdsdadgssddsdggdgsdgwa和CSS:#a,#b{position:absolute;height:10px;font-size:10px;white-space:nowrap;display:block;}#a{width:200px;overflow:hidden;}和Javascript:varx=0;setInterval(function(){if($('#b').position().left在Firefox和InternetExplorer中运行良好,但在GoogleChrome17上它在句子末尾显示一条蓝线。Se

CSS把图片设置为背景

前言先列出几种常用的搭配,方便CV,想了解具体的可以看后面详细介绍第1组:刚好填充整个背景区域,不重复background-image:url("~@/路径");background-size:cover;background-repeat:no-repeat;第2组:从左上角开始,垂直水平重复填充background-image:url("~@/路径");background-size:30pxauto;//宽度30px,高度自适应一、图片路径:background-image引入图片,注意路径前面需要加~符background-image:url("~@/路径");二、图片大小:backg

javascript - 过渡固定导航栏 - CSS

我有一个使用TwitterBootstrap3的affix()的固定导航栏。导航栏一切正常。我想在导航栏的外观中添加一个transition。当用户滚动页面时,导航栏会立即显示。我想为它制作动画。尝试使用-webkit-transition:all1sease-in但结果是导航栏的宽度。这是FIDDLE.请帮我在用户向下滚动时制作动画。 最佳答案 要转换某物,您需要将它从一种状态移动到另一种状态。因此,您要做的是更改.navigation元素的一个或多个属性。您可以更改哪些属性?您不能更改高度、宽度或不透明度,因为它们需要在过渡前后

javascript - 将绝对定位的 DIV 添加到 OpenLayers map 的底部?

我正在尝试将静态图像图例放置在map顶部OpenLayersmap的右下角。我试过使用绝对定位的DIV,但它往往会被其他对象撞到(即使z-index很高)。有没有办法使用OpenLayersAPI来做到这一点?我注意到OpenMap有一个Layer.ScreenOverlay方法(http://openspace.ordnancesurvey.co.uk/openspace/example7.html),这正是我所需要的,但在我能找到的OpenLayers中不存在这样的方法。 最佳答案 我遇到过类似的问题,我想在OpenLayers

javascript - 消除 CSS 中 vendor 前缀的脚本

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭10年前。有没有我可以在我的网站上添加自动将vendor前缀添加到CSS的脚本?我只想编写标准的CSS,这样几年后我就不必回去去掉vendor前缀了。

javascript - css pointer-events 属性更改和各自的 jquery 事件不一起触发

这是我的代码段。我正在使用iscroll4在触摸设备和桌面上滚动。$('#next_item').bind('mousedowntouchstart',function(e){//dosomethingonclick$(this).bind('mousemovetouchmove',function(e){//triggersonlywhenidragoveritdragstart=true;$(this).css('pointer-events','none');myScroll._start(myDown);return;});});$('#next_item').bind('mo